<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html style="font-size: 120px;">

	<head>
		<title>登录</title>
		<meta charset="UTF-8">
		<meta name="author" content="m.jd.com">
		<meta name="description" content="">
		<meta name="Keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta name="format-detection" content="telephone=no" />
		<meta http-equiv="Expires" content="-1">
		<meta http-equiv="Cache-Control" content="no-cache">
		<meta http-equiv="Pragma" content="no-cache">
		<link href="nfund.ico" rel="shortcut icon">
		<link rel="stylesheet" type="text/css" href="css/app.css">
		<link rel="stylesheet" type="text/css" href="css/new.css">
		<style>
			header{display: -webkit-box !important;display: box !important;}#wrapper{padding-top:2.5em;}#content{padding-top:2.5em;}
			.icon-lock {
				/*background-image: url(static/images/icon-lock.png);*/
				background-image: url();
				height: 1.75em;
				width: 1.75em;
				margin: 0 .5em;
			}
			
			.icon-user {
				/*background-image: url(static/images/icon-user.png);*/
				background-image: url();
				height: 1.75em;
				width: 1.75em;
				margin: 0 .5em;
			}
			
			.selBox-user {
				width: 100%;
				background-color: #FFFFFF;
				position: absolute;
				left: 0;
				top: 3.8em;
				max-height: 9em;
				overflow: auto;
				z-index: 9;
				border-bottom-left-radius: .3em;
				border-bottom-right-radius: .3em;
				border-bottom: 1px solid #dfdfdf;
			}
			
			.user-item {
				line-height: 3em;
				padding-left: 3.4em;
				padding-right: 1.35em;
				border-top: 1px solid #dfdfdf;
			}
			
			.sel-icon-rotate {
				transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
			}
			
			.uinput3 input {
				margin: 0px;
				border: 0px;
				width: 100%;
				height: 100%;
				-webkit-appearance: none;
				padding: .4em .4em;
				background: none;
				text-decoration: none;
				font-size: 1em;
				display: block;
				height: 3em;
				position: relative;
			}
			
			.ui-form-item {
				position: relative;
				height: 2.5em;
				border-bottom: 1px solid #DFDFDF;
				line-height: 2.5em;
			}
			
			.ui-form-item .item-left {
				float: left;
				padding-right: 5px;
			}
		</style>
	</head>

	<body style="">
		<header>
			<div class="nav-btn" data-btn="close">
				<div class="back" onclick="historyBack();"></div>
			</div>
			<div class="ub-f1" id="header-title" style="text-align: center;">登录</div>
			<div class="nav-btn"></div>
		</header>
		<div id="wrapper" class="up ub ub-ver ub-f1">
			<div style="margin-top: 1.5em;">
				<div class="ub ub-ac ub-f1 bd-b-c1 nf-input " style="border: none;margin-bottom: 0em;padding-left: 1em;">
					<div class="icon-user ub-img"> </div>
					<div class="ub-f1 uinput3">
						<input placeholder="手机号/身份证" id="lognumber" type="text" class="ub-f1 js-lognumber clearEnabled">
					</div>
					<img src="images/clear.png" style="width:1.2em;height:1.2em;position: relative;z-index: 9;" class="uhide clearBtn" data-act="input" />
					<div class="sel-option js-logn-sel uhide umar_r05" style="transition:rotate 1s;-webkit-transition:rotate 1s; "></div>
					<div class="selBox-user js-logn-userList uhide"></div>
				</div>
				<div class="bd-b-c1"></div>
				<div class="ub-ac ub ub-f1 bd-b-c1 nf-input" style="border: none;padding-left: 1em;">
					<div class="icon-lock ub-img"></div>
					<div class="ub-f1 uinput3">
						<input placeholder="登录密码/交易密码" id="pwd" type="password" class="ub-f1 js-pwd clearEnabled">
					</div>
					<img src="images/clear.png" style="width:1.2em;height:1.2em;position: relative;z-index: 9;" class="uhide clearBtn" data-act="input" />
				</div>
				<div class="ui-form-item fn-clear c-wh uinput uhide" id="picCodeItem" style="margin:1em 0;">
					<div class="item-left tx-c" style="min-width: 6em;">图形验证码</div>
					<div class="item-right">
						<input type="text" id="authcode" class="form-input-text" style="width: 50%;" placeholder="请输入图形验证码">
						<!-- <img src="../imgages/about_nf.png" style="position: absolute;right: 0;top: .8em;height:2.5em; color: #fff;"/> -->
						<img src="" style="position: absolute;right: 0;top: .8em;height:2.5em; color: #fff;" />
					</div>
				</div>
				<div class="ub ub-pj ulev30 t_777" style="padding:1.5em 1em 0 1em;">
					<div class="bd-b-c1 js-cert-select" data-val style="line-height: 1.5em;">其他方式登录</div>
					<div class="bd-b-c1 js-forget-pwd c_007aff" style="line-height: 1.5em;">忘记密码？</div>
				</div>
			</div>
			<div class="btn-submit js-login" style="margin-top: 1.5em;" data-type="0" id="login">登录</div>
			<div class="btn-submit js-register" style="border:1px solid #73A8EC;color: #73A8EC;background-color: #FFFFFF;margin-top:0;">注册</div>
		</div>
		<div class="ub-f1"></div>
		<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
		<script>
			$(document).ready(function(){
				$("#login").on("click",function(){
					$(location).attr('href', 'mobile.jsp');
				})
			})
		</script>
	</body>

</html>